<template>
    <div class="AddBillboardLocationMarks">
        <cesium-viewer @viewerAlready="viewerAlready">
            <template v-slot:slotAfter>
               <location-marks-drawer/>
            </template>
        </cesium-viewer>

    </div>
</template>

<script>
    import CesiumViewer from "../../CesiumViewer";
    import LocationMarksDrawer from "../../LocationMarksDrawer";
    export default {
        name: "AddBillboardLocationMarks",
        //import引入的组件需要注入到对象中才能使用",
        components: {
            LocationMarksDrawer,
            CesiumViewer},
        data() {
            //这里存放数据",
            return {};
        },
        //监听属性 类似于data概念",
        computed: {},
        //监控data中的数据变化",
        watch: {},
        //方法集合",
        methods: {
            viewerAlready() {
                window.viewer.camera.setView({
                    destination: Cesium.Cartesian3.fromDegrees(
                        87.5531,
                        27.5917,
                        15000
                    ),
                    orientation:{
                        // 指向
                        heading:0.0,
                        // 视角
                        pitch:-45,
                        roll:0
                    }
                });
            }
        },
        //生命周期 - 挂载完成（可以访问DOM元素）",html模板已渲染
        mounted() {

        },

    }

</script>

<style scoped>
    .AddBillboardLocationMarks{
        position: relative;
    }
</style>

